/**
*@author       wuwg
*@createTime   2018/03/20
*@updateTime   2018/03/22
*@description
*@rule
 */
@import '../../../config/config';
@import '../../../mixins/clearfix/index';
// col 布局前缀
@css-prefix-row: ~"@{css-prefix}row";

.make-row(@gutter: @grid-gutter-width) {
  margin-left: (@gutter / -2);
  margin-right: (@gutter / -2);
  height: auto;
    .clearfix();
}
.@{css-prefix-row} {
  .make-row();
  display: block;

  &-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    &:before,
    &:after {
      display: none;
    }
    // x轴原点
    &-start {
      justify-content: flex-start;
    }
    // x轴居中
    &-center {
      justify-content: center;
    }
    // x轴反方向
    &-end {
      justify-content: flex-end;
    }
    // x轴平分
    &-space-between {
      justify-content: space-between;
    }
    // x轴有间隔地平分
    &-space-around {
      justify-content: space-around;
    }
    // 顶部对齐
    &-top {
      align-items: flex-start;
    }
    // 居中对齐
    &-middle {
      align-items: center;
    }
    // 底部对齐
    &-bottom {
      align-items: flex-end;
    }
  };
}
